<div class="file-info-box">
  <strong class="file-info-title">文件详情</strong>
  <div *ngIf="checkedFiles.length>0">
    <div class="file-info-img-box">
      <img [src]="getImgUrl()" [alt]="file.type"/>
    </div>
    <div *ngIf="checkedFiles.length>1 else detail">
      <strong >一共选中：{{checkedFiles.length}} 个文件</strong>
    </div>
    <ng-template #detail class="file-info-detail-box">
      <img width="20" [src]="getTypeImg(checkedFiles[0])"/>
        <strong > {{checkedFiles[0].name}}</strong>
      <span *ngIf="checkedFiles.length==1">
      <div *ngIf="file.isFile">文件大小：{{checkedFiles[0].size|nzBytes}}</div>
      <div>文件格式：{{getSuffix(checkedFiles[0].name)}}</div>
      </span>
      <div>创建时间：{{checkedFiles[0].createTime}}</div>
      <div>最后修改：{{checkedFiles[0].lastModified}}</div>
      <div>拥有者：<a (click)="openPath()"> {{getUserName(checkedFiles[0].owner)}}</a></div>
      <div>创建者：<a (click)="openPath()"> {{getUserName(checkedFiles[0].maker)}}</a></div>
      <div>所在目录：
        <a *ngIf="path" (click)="openPath(path)"> {{path.substring(24)||'/'}}</a>
        <span *ngIf="!path">所在目录：加载中...</span>
      </div>
    </ng-template>
  </div>
  <div *ngIf="checkedFiles.length==0" style="text-align: center;margin-top: 50%">
    <img style="width: 40px;height: 40px" src="/assets/img/unknown.png" alt="aa"/>
    <div>您未选择文件</div>
  </div>
</div>
